<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			<style type="text/css">
				#div1{
					width: 800px;
					height: 800px;
					border: 1px solid red;
					/*padding-left:向右移动*/
					/*padding-top:向下移动*/
					/*padding-ringh:向左移动*/
					/*padding-bottom:向上移动*/
					/*padding属性：更改内部标签到容器边框的距离*/
					padding: 0 0 0 100px;
				}
				#div2{
					/*padding-left:1oopx ;*/
					/*padding和margin写法上的相似点
					 四个特性：
					 设定一个值，四个方向都生效
					 设定两个值，第一个值是设定上下边距，第二个值是左右
					 设定三个值，分别对应的方向是上，左右，下
					 设定四个值，同样遵循上右下左的原则*/
					
				}
			</style>
		</title>
	</head>
	<body>
		<div id="div1">
			<div id="div2"><img src="../img/111.jpg"/></div>
		</div>
	</body>
</html>
